<div class="navbar navbar-default reset-navbar" role="navigation">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span><span
					class="icon-bar"></span><span class="icon-bar"></span><span
					class="icon-bar"></span>
				</button>
				<a class="navbar-brand reset-navbar-brand" href="/eclipseproject/index.php"><img src="images/logo.png" /></a>

				
				
			</div>
			<div class="collapse navbar-collapse">

				<ul class="nav navbar-nav">
					<li id="header-search">
						<i class="glyphicon glyphicon-search icon"></i>
						<input
						type="text" class="form-control" placeholder="Where are you going?"
						autocomplete="off">
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle"
						data-toggle="dropdown"> BROWSE <b class="caret"></b> </a>
						<ul class="dropdown-menu">
							<li>
								<a href="#"><i class="glyphicon glyphicon-heart"></i> Popular</a>
							</li>
							<li>
								<a href="#"><i class="glyphicon glyphicon-user"></i>Friend</a>
							</li>
							<li>
								<a href="#"><i class="glyphicon glyphicon-tint"></i>Neighborhoods</a>
							</li>
						</ul>
					</li>
				</ul>

				<ul class="nav navbar-nav navbar-right">
					<li>
						<a href="#">SIGN UP</a>
					</li>
					
						<!-- LOGIN WITH FACEBOOK-->
						<?php
							if(isset($_SESSION['username'])){
							// xuat ten, image]
							echo '<li class="info-user">';
							echo '<a href="#"><img src="https://graph.facebook.com/'.$_SESSION['userid'].'/picture"></a>';
							echo '</li>';
							
							echo '<li class="info-user">';
							echo '<a href="#" style="padding-left:0;">'.$_SESSION['username'].'</a>';
							echo '</li>';
							
							echo '<li class="info-user">';
							echo '<a href="/eclipseproject/logout.php">Thoat</a>';
							echo '</li>';
							
						}else
						{
							echo '<li class="">';
							echo '<a href="#" data-toggle="modal" data-target="#myModal">LOG IN</a>';
							echo '</li>';
						}
						?>
							
						
							
						
					
						<!-- END LOGIN WITH FACEBOOK-->
					
					<li class="dropdown">
						<a href="#" class="dropdown-toggle"
						data-toggle="dropdown"> HELP <b class="caret"></b> </a>
						<ul class="dropdown-menu">
							<li>
								<a href="#">Visit the Help Center</a>
							</li>
							<li>
								<a href="#">Getting Started Guide</a>
							</li>
							<li>
								<a href="#">How do I create an account</a>
							</li>
						</ul>
					</li>
					<li>
						<form  action="/eclipseproject/listyourspace.php">
							<button type="submit" class="btn btn-default btn-sm list-your-space">
								LIST YOUR SPACE
							</button>
						</form>
					</li>
				</ul>
			
			</div>
				<!-- Modal -->
						<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
						  <div class="modal-dialog">
						    <div class="modal-content">
						      <div class="modal-header">
						        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
						        <h4 class="modal-title" id="myModalLabel">Login</h4>
						      </div>
						      <div class="modal-body">
						    
						      	<form action="fbconfig.php" method="post">						      	
						        	<button name="login"class="btn btn-lg center-block" style="background:#207CCA; color: #FFFFFF;">Login with facebook</button>
						     	</form>
						      </div>
						     
						    </div>
						  </div>
						</div>
		</div>